/* .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #222d32;
    background: rgba(0,0,0,.5);
}
.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
    right: 0;
    background: rgba(0,0,0,.8);
}
.contorl-sidebar-halfheight-top {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 40%;
    background: #141a1d;
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,.2);
} */

.messages-menu a.dropdown-toggle {
    min-height: 50px;
}

body, html,#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin:0;
	font-family:"microsoft yahei";
    /* user-select:none; */
	}
.mapDiv{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
}	
 @keyframes warn {
            0% {
                transform: scale(0.2);
                -webkit-transform: scale(0.2);
                opacity: 0.0;
            }
            10% {
                transform: scale(0.25);
                -webkit-transform: scale(0.25);
                opacity: 0.0;
            }
            15% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.0;
            }

            25% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.1;
            }

            50% {
                transform: scale(0.5);
                -webkit-transform: scale(0.5);
                opacity: 0.3;
            }

            75% {
                transform: scale(0.8);
                -webkit-transform: scale(0.8);
                opacity: 0.5;
            }

            100% {
                transform: scale(1);
                -webkit-transform: scale(1);
                opacity: 0.0;
            }
        }

        @keyframes warn1 {
            0% {
                transform: scale(0.2);
                -webkit-transform: scale(0.2);
                opacity: 0.0;
            }
            10% {
                transform: scale(0.25);
                -webkit-transform: scale(0.25);
                opacity: 0.0;
            }
            15% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.0;
            }

            25% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.1;
            }


            50% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.3;
            }

            75% {
                transform: scale(0.5);
                -webkit-transform: scale(0.5);
                opacity: 0.5;
            }

            100% {
                transform: scale(0.8);
                -webkit-transform: scale(0.8);
                opacity: 0.0;
            }
        }

        .active-alarm-pointer,.active-alarm-pointer0 {
            position: relative;
            width: 40px;
            height: 40px;
            /*border: 1px solid #000; hovertree.com */
        }
         /* 淇濇寔澶у皬涓嶅彉鐨勫皬鍦嗗湀 浣曢棶璧� */
        .dot {
            position: absolute;
            width: 4px;
            height: 4px;
            font-size:0;
            left: 46px;
            top: 46px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            background: rgba(255,50,50,0);
            border-radius: 50%;
        }

         /* 浜х敓鍔ㄧ敾锛堝悜澶栨墿鏁ｅ彉澶э級鐨勫渾鍦�  */
        .pulse,.pulse0 {
            position: absolute;
            width: 96px;
            height: 96px;
            left: 0px;
            top: 0px;
            background: #ff3232;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            opacity: 0;
            -webkit-animation: warn 2s ease-out;
            -moz-animation: warn 2s ease-out;
            animation: warn 2s ease-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            box-shadow: 1px 1px 30px red;
        }

        .pulse1, .pulse10{
            position: absolute;
            width: 96px;
            height: 96px;
            left: 0px;
            top: 0px;
            background: #ff3232;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            opacity: 0;
            -webkit-animation: warn1 2s ease-out;
            -moz-animation: warn1 2s ease-out;
            animation: warn1 2s ease-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            box-shadow: 1px 1px 30px red;
        }
        .pulseTop22{
        	top:-22px;
        }
/* head */
   .alarmNum,.faultNum,.lowPowerNum,.numStyle {
      right: 43px;
      top: 4px;
      background-color:#5ec700;
  }

  .main-header .navbar .nav>li>a>.label {
      position: absolute;
      top: 3px;
      right: 41px;
      text-align: center;
      font-size: 9px;
      padding: 2px 3px;
      line-height: .9;
  }
   .messages-menu a i span{
		width: 32px;
		height: 32px;
		border-radius: 50%;
		padding: 0;
		margin-top: 5px;
		text-align: center;
		display:inline-flex;
		align-items: center;
		justify-content: center;
		float:left;
   }
.messages-menu a{
	min-height:46px;
}
 .messages-menu a  span:nth-child(3){
	float:left;
	height:46px;
	line-height:40px;
	padding-left:5px;
 }
  .fireImg {
      background-color: #ff5656;
  }
.device_on{
      background-color: #5ec700;
      
}
.device_off{
      background-color: #da0000;
}
  .lowPowerImg {
      background-color: #ff9900;
  }

  .faultImg {
      background-color: #808080;
  }

  .sumImg {
      width: 32px;
      height: 32px;
      padding: 0;
      display: inline-block;
    }
      
.sumStyle:hover {
	background-color:#333;
}

  .main-header .navbar {
      height: 50px;
  }

  .navbar-nav > li > a {
      padding-top: 4px;
      padding-bottom: 9px;
  }

  .navbar-nav > li > a.historyBgc {
      padding-top: 4px;
      padding-bottom: 9px;
      display: block;
      background-color: #4ac5c3;
  }

  .historyMsg span {
      width: 32px;
      height: 32px;
      display: inline-block;
      background-color: #ff3232;
      border-radius: 50%;
      margin-top: 5px;
  }
  
  
.navbar-custom-menu .navbar-nav>li>a {
    padding-top: 4px;
    padding-bottom: 9px;
}

 .nav>li>a {
    position: relative;
    padding: 10px 12px; 
} 

.skin-blue .main-header .navbar .nav>li>a.historyBgc:focus,
.skin-blue .main-header .navbar .nav>li>a.historyBgc:hover{
    background-color: #4ac5c3;
    color: #f6f6f6;
}

.alarmNum, .faultNum, .lowPowerNum, .lowPowerNum-style {
     right: 43px;
     top: 4px;
     background-color: #5ec700;
 }

 .main-header .navbar .nav > li > a > .label {
     position: absolute;
     top: 3px;
     right: 41px;
     text-align: center;
     font-size: 9px;
     padding: 2px 3px;
     line-height: .9;
 }



 .sumSmoke{
 	vertical-align: middle;
 }
 .deviceHistory{
 	height: 50px;
     line-height: 50px;
     color: #fff;
     padding-left: 10px;
     padding-right:10px;
     display:block;
 	 cursor:pointer; 
 	 border-left:#2e80b0 1px solid;
 	 background: #61b0de;
 }
 
 .deviceHistory:after{
 	content:"";
 	border-right:none;
 }
 .deviceHistory span{
 	font-size:14px;
 	margin-left:-5px;
 	margin-right:7px;
 }
 .main-header .navbar {
     height: 50px;
 }

 .navbar-nav > li > a {
     padding-top: 4px;
     padding-bottom: 9px;
 }

 .navbar-nav > li > a.historyBgc {
     padding-top: 4px;
     padding-bottom: 9px;
     display: block;
     background-color: #4ac5c3;
 }

 .historyMsg span {
     width: 32px;
     height: 32px;
     display: inline-block;
     background-color: #ff3232;
     border-radius: 50%;
     margin-top: 5px;
 }

 .navbar-custom-menu .navbar-nav > li > a {
     padding-top: 4px;
     padding-bottom: 9px;
 }

 .nav > li > a {
     position: relative;
     padding: 10px 12px;
 }

 .skin-blue .main-header .navbar .nav > li > a.historyBgc:focus,
 .skin-blue .main-header .navbar .nav > li > a.historyBgc:hover {
     background-color: #4ac5c3;
     color: #f6f6f6;
 }
 
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4.deviceName,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{
	margin-left:21px;
}
.historyTime{
	font-size:10px;
}
/* 蹇�熸悳绱� */
.searchList {
    width: 280px;
    position: absolute;
    top: 50px;
    right: 444px;
    background-color: #fff;
    padding:0;
    z-index: 100;
    overflow-y:auto;
    max-height:600px;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    color:#444;
    display:none;
}

.searchList>li{
    min-height: 30px;
    list-style: none;
    line-height: 30px;
    padding:5px 15px;
    cursor:pointer;
    word-break:break-all;
    word-wrap:break-word;
    
}
.searchList>li:hover{
	background-color:#dadada;
}
.searchList>li>i{
    margin-right:10px;
}
/* 鎶ヨ鍘嗗彶鎼滅储 */
.hisSearchList-style {
    width: 280px;
    position: absolute;
    top: 50px;
    right: 333px;
    background-color: #fff;
    padding:0;
    z-index: 100;
    overflow-y:auto;
    max-height:600px;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    color:#444;
}
.hisSearchList-style>li:first-child{
	margin-top:10px;
}
.hisSearchList-style>li:last-child{
	margin-bottom:10px;
}
.hisSearchList-style>li{
    min-height: 30px;
    list-style: none;
    line-height: 30px;
    padding:0 15px;
    cursor:pointer;
    word-break: break-all;
    word-wrap: break-word;
}
.hisSearchList-style>li:hover{
	background-color:#dadada;
}
.hisSearchList-style>li>i{
    margin-right:10px;
}
.hisSearchList-style>li span{
	font-weight:700;
}
.hisSearchList-style>li .codeFont{
    font-style:normal;
	font-size:14px;
}
.historySearch .resultSum{
	position:absolute;
    top: 50px;
    left: 25px;
}
.historySearch .resultSum i{
	font-style:normal;
	font-weight:700;
	font-family: "microsoft yahei";
	color: #444;
}
.historySearch .box-header{
	padding-bottom:15px;
}

.searchForm .btn-primary:active:hover{
	background-color:#3c8dbc;
}
 /* header end */
 /* historySearch */
    .historySearch label {
      padding: 0;
    }
    .historySearch .modal-header {
    	padding: 8px;
    	padding-left:15px;
	}

    .historySearch .form-group {
      margin-bottom: 10px;
      line-height:34px;
    }
	.hisSearchModalStyle .col-xs-7,
    .hisSearchModalStyle .col-lg-1,
    .hisSearchModalStyle .col-lg-2,
    .hisSearchModalStyle .col-lg-3,
    .hisSearchModalStyle .col-xs-2,
    .hisSearchModalStyle .col-xs-1,
    .hisSearchModalStyle .col-xs-4,
    .hisSearchModalStyle .col-xs-9,
    .hisSearchModalStyle .col-xs-10,
    .hisSearchModalStyle .col-xs-4,
    .hisSearchModalStyle .col-xs-8 {
      padding: 0;
    }
	
    .hisSearchModalStyle .col-lg-2 {
      width: 19%;
    }

    .hisSearchModalStyle .col-lg-1 {
      width: 5%;
    }

    .hisSearchModalStyle .form-control {
      padding: 3px;
    }

    @media (min-width: 992px) {
      .hisSearchModalStyle .modal-lg {
        width: 970px;
      }
    }

    .historySearch label {
      margin-right: 5px;
    }

    .hisSearchTitleStyle{
      height: 680px;
      overflow-y:auto;
    }
    .hisSearchList-style{
      overflow-y:auto;
      max-height:600px;
    }

    .mr20{
    	margin-right:20px;
    }
    /* historySearch end */
 /* histroy */
 .historyTitle{
 	 border-bottom:1px solid #141a1d;
 	background-color:#181f23 !important;
 }

 .historyMonth{
 	position:absolute;
    top: 6px;
    left: 124px;
    color: #fff;
 }
.alarmNewsImg {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/icons/malfunction-tab.png) no-repeat;
}

.fire-alarm-tab {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(/icons/fire-alarm-tab.png) no-repeat;
}

.cover-alarm-tab {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(/icons/cover.svg) no-repeat;
    background-size: 20px 33px;
}
.humiture-alarm-tab {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(/icons/temp-hum.svg) no-repeat 0;
    background-size: 20px 20px;
}
.low-electric-tab {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(/icons/low-electric-tab.png) no-repeat;
}

.malfunction-tab {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(/icons/malfunction-tab.png) no-repeat;
}

.historyNewsStyle .fa-map-marker {
    color: #fe3232;
    margin-left: 5px;
    margin-right: 7px;
}

.tab-pane p {
    margin-left: 20px;
}

.tab-pane .historyTime {
    color: #687377;
}

.tab-content .li_device {
    cursor: pointer;
    padding:0 15px;
}

@keyframes twinkling {
    
    0% {
        opacity: 0; /* 閫忔槑搴�0*/
    }
    100% {
        opacity: 1; /* 閫忔槑搴�1*/
    }
}
/* 报警按钮闪烁 */
#twinkle,#coverTwinkle,#humitureTwinkle {
    /* animation: twinkling 0.5s infinite ease-in-out;  */
    color: #fff;
    font-size: 20px;
}

.historyMsg .jingText img {
    position: absolute;
    left: 1px;
    top: 0px;
}
.mb5{
	margin-bottom:5px;
}
.mb3{
	margin-bottom:3px;
}
.fs12{
	font-size:12px;
}

/* 璀﹀憡寮瑰嚭灞傞渿鍔ㄥ姩鐢� */
@keyframes shake {
   0%{
           transform:translate(2px, 2px);
        }
   25%{
             transform:translate(-2px, -2px);
       }
   50%{
            transform:translate(0px, 0px);
        }
   75%{
            transform:translate(2px, -2px);
        }
   100%{
           transform:translate(-2px, 2px);
        }
 }


/* new alarm-pop */
.alarm-pop-div-style:before{
  box-shadow:0 0 15px rgba(255,0,0,.7) inset;
  content:"";
  width: 800px;
  height: 320px;
  display:block;
  position:absolute;
  border-radius: 3px;
}


.alarm-pop-div-style {
  border-radius: 3px;
  background-color: rgba(0, 0, 0,.8);
  position: relative;
  position: absolute;
  width: 800px;
  height: 320px;
  z-index: 999; 
  /* z-index:100001; */
  box-shadow:0 0 24px rgba(255,0,0,.7);
  animation:shansuo 2s ease-in  infinite;
  display:none;
}

@keyframes shansuo{
	from{
		box-shadow:0 0 24px rgba(255,0,0,.7);		
	}
	to{
		box-shadow:0 0 24px rgba(255,0,0,0.3);
	}
}
.alarm-pop-header {
  width:800px;
  height:36px;
  line-height:36px;
}
.alarm-pop-header .header-notice-style{
  font-zise:14px;
  color:#dadada;
  float:left;
  position: absolute;
  left: 20px;
}
/* 鎶ヨ妗嗙殑鍏抽棴鎸夐挳 */
.alarm-pop-header .close-btn{
	width: 30px;
    height: 30px;
    float: right;
    position: relative;
    /* margin-top: 15px; */
    cursor: pointer;
    padding-top: 15px;
}
#ignoreAllBtn{
	
}
.ignoreAllBtn .modal-footer{
	text-align: center;
}
.alarm-pop-header .close-btn:before{
  content:"";
  display:block;
  transform:rotate(45deg);
  height:2px;
  width:16px;
  border-radius:1px;
  background:#f00;
  position:absolute;
}
.alarm-pop-header .close-btn:after{
  content:"";
  display:block;
  transform:rotate(-45deg);
  height:2px;
  width:16px;
  border-radius:1px;
  background:#f00;
  position:absolute;
}
.alarm-pop-header .close-btn:hover:before,.alarm-pop-header .close-btn:hover:after{
  background:#ff7878;
}

.alarm-pop-body-style{
  width:780px;
  height:269px;
  margin:0 auto;
}
.active-content-style {
  background-color: rgba(0, 0, 0,.4);
  width: 668px;
  height: 260px; 
  float:left;  
  position: relative;
}

.alarm-title{
  height:58px;
  width:600px;
  margin:0 auto;
  color:#f00;
  font-size:30px;
  line-height:58px;
  text-align:center;
  background:url(/icons/alertWarning/waring-title-bg.png) no-repeat 11px 38px;
}
.alarm-content-body{
  width:600px;
  height:150px;
  margin:0 auto;
  color:#dadada;
  font-size:14px;
}
.alarm-content-body .alarm-time{
  height:156px;
  width:169px;
  float:left;
  background-image: url("/icons/alertWarning/waring-img.png") ;
  background-position:center center;
  background-repeat:no-repeat;
  color:#f00;
  font-family: Helvetica, Tahoma, Arial;
  font-weight:bold;
  font-size:12px;
   text-align:center;
   animation:timeBg 2s ease-in  infinite;
}
@keyframes  timeBg{
	from{
		background-image: url("/icons/alertWarning/waring-img.png") ;
	}
	to{		
	
		background-image: url("/icons/alertWarning/waring-img-bg2.png") ;	
	}
}
.alarm-content-body .startTime{
	width:62px;
	margin:42px auto 0;
	height:20px;
	line-height:20px;
	
}
.alarm-content-body .alarm-time .w{
	height:20px;
	line-height:20px;
	margin:0 auto;
	width:66px;
	font-weight:bold;
	font-size:14px;
}
.alarm-content-body .endTime{
    height:20px;
	line-height:20px;
	margin:3px auto 0;
	width:66px;
}

.alarm-content-body  .alarm-con{
  width:400px;
  margin-left:189px;
  line-height:25px;
}
.alarm-content-body .alarm-row{
  over-flow:hidden;
  margin-bottom:10px;
}
.alarm-content-body .alarm-row label{
  display:block;
  float:left;
  height:60px;
  width:60px;
}
.alarm-content-body .alarm-row .con-right{
  display:block;
  height:60px;
}
.alarm-content-body .alarm-row  .alarm-address{
  font-size:16px;
}
.alarm-content-body .alarm-row .con-right span{
  margin-right:10px;
}
.alarm-content-footer{
  text-align:center;
  width:400px;
  margin:0 auto;
  margin-top:28px;
  margin-left: -64px;
}
.alarm-content-footer button{
  width:100px;
  height:36px;
  background:#dd4b4b;
  border-radius:3px;
  border:0;
  color:#fff;
  letter-spacing:5px;
  cursor:pointer;
  margin: 3px;
}
.alarm-content-footer button:hover{
  background:#c73434;
}
.alarm-list{
  width: 110px;
  height: 260px;
  float:right;
  position:relative;
}
.alarm-list .top-arrow-btn{
  width:110px;
  height:30px;
  background:#000;
  top:0;  
  position:absolute;
  cursor:pointer;   
}
.alarm-list .top-arrow-btn:after{
  content:"";
  border:10px solid;
  border-color: transparent transparent #6b6b6b;
  position:absolute;
  left:50%;
  margin-left:-10px;
}
.alarm-list .top-arrow-btn:hover:after{
  border-color:transparent transparent #fff;
}
.alarm-list .bottom-arrow-btn{
  width:110px;
  height:30px;
  background:#000;
  bottom:0;
  position:absolute;
  cursor:pointer;
}
.alarm-list .bottom-arrow-btn:after{
  content:"";
  border:10px solid;
  border-color:#6b6b6b transparent transparent ;
  position:absolute;
  left:50%;
  margin-left:-10px;
  margin-top:10px;
}
.alarm-list .bottom-arrow-btn:hover,.alarm-list .top-arrow-btn:hover{
  background:#121212;
}
.alarm-list .bottom-arrow-btn:hover:after{
  border-color: #fff transparent transparent;
}



.alarm-list .list{
  position:absolute;
  top:32px;
  bottom:32px;
  width:110px;
  overflow: hidden;
}

.alarm-list .list .list-item{
  height:30px;
  background:rgba(0,0,0,0.4);
  width:110px;
  margin-bottom:3px;
  font-size:14px;
  color:#666;
  text-indent:1em;
  line-height:30px;
  cursor:pointer;
}
.alarm-list .list .list-item:hover{
  background:rgba(0,0,0,0.7);
  color:#aaa;
}
.alarm-list .list .list-item.active{
  box-shadow:0 0 5px rgba(255,0,0,.7) inset;
  width:110px;
  color:#dd4b4b;
}
.alarm-list .list .list-item.active:hover{
  background:rgba(0,0,0,0.4);
}
.alarm-list .list .list-item img{
	width:16px;
	height:16px;
	margin-right:5px;
	opacity: .5;
}
.alarm-list .list .list-item.active img{
	opacity: 1;
}

/*鎶ヨ纭寮瑰嚭妗�*/

.warningConfirm{
	text-align: center;
    border-radius: 3px;
    background-color: rgba(0, 0, 0,.8);
    position: absolute;
    width: 370px;
    height: 144px;
    z-index: 1001;
    box-shadow: 0 0 24px rgba(255,0,0,.7);
    left: 50%;
    top: 50%;
    margin-left: -185px;
    margin-top: -72px;
    /* display: none; */
    
}

.warningConfirm .closeConfirm{
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    padding-top: 15px;
    cursor: pointer;
}
.warningConfirm .closeConfirm:before{
    content:"";
    display:block;
    transform:rotate(45deg);
    height:2px;
    width:16px;
    border-radius:1px;
    background:#f00;
    position:absolute;
}
.warningConfirm .closeConfirm:after{
    content:"";
    display:block;
    transform:rotate(-45deg);
    height:2px;
    width:16px;
    border-radius:1px;
    background:#f00;
    position:absolute;
}
.warningConfirm .closeConfirm:hover:before,.warningConfirm .closeConfirm:hover:after{
    background:#ff7878;
}

.warningConfirm button{
    width:60px;
    height:36px;
    background:#dd4b4b;
    border-radius:3px;
    border:0;
    color:#fff;
    letter-spacing:5px;
    cursor:pointer;
}
.warningConfirm button:hover{
    background:#c73434;
}
.warningConfirm .Whether{
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    font-size: 16px;
    
}












/* .alarm-list .list-item span{
    background:url(/icons/smoke.png) no-repeat;
    display:inline-block;
    width:20px;
    height:20px;
    position:absolute;
    top: 1px;
    left: 0;
} */
/* new alarm-pop end*/
/* 閲嶇偣鍏虫敞瀵硅薄 */
.object-ul li{
	cursor:pointer;
}
/* baidumap tip*/
.baidumap-tip-table{
	min-width:350px;
}
.baidumap-tip-table td{
	height:30px;
	white-space:nowrap;
}
.baidumap-tip-table td.tit{
	color:#444;
	font-weight:bold;
	width:85px;
}
.baidumap-tip-table td.tit i.fa{
	margin-left:5px;
	display:line-block;
	width:16px;
	text-algin:center;
}
.baidumap-tip-table td.col2-wid{
	width:100px;
}

/* right-side-bar */

.main-sidebar .sidebar-menu>li>a {
    padding: 12px 5px 12px 19px;
    display: block;
}
.control-sidebar-bg, .control-sidebar{
	width:330px;
	right:-600px;
}
.control-sidebar-open .control-sidebar{	
	right:0;
}
.contorl-sidebar-halfheight-top{
	overflow:hidden;
	position: absolute;
	left:0;
	top:50px;
	right:0;
	bottom:40%;
	background: #141a1d;
	display: flex;
	flex-direction: column;
}
.control-sidebar-halfheight{
	height:43%;
	overflow:hidden;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}
.sidebar-content-title{
	background: #222d32;
	height:30px;
	line-height:30px;
	padding:0 10px;
	color:#fff;
}
.tab-pane{
	overflow:auto; 
	height:100%;
}
/* 婊氬姩鏉¤缃� */
/* .control-sidebar-halfheight:hover .tab-pane{
	overflow:auto;
} */
.sidebar-charts{
	height:250px;
}
/* 婊氬姩鏉¤缃� */
.sidebar-object-list{
	/* overflow: auto; */
	 flex:1;
}
.sidebar-object-list:hover{
	overflow: auto;
}
.object-ul{
	padding:10px;
}
.object-ul li{
	height:30px;
	padding:5px ;
	overflow: hidden;	
	text-overflow: ellipsis;	
	white-space: nowrap;
}
.object-address{
	padding:0 5px;
	overflow: hidden;
}


/* bottombar*/

.bottombar{
	 background-color: rgba(34, 45, 50,.8);
	 position: fixed;
	 bottom:0px;
	 height: 60px;
	 z-index: 999;
	 right:0;
	 left:230px;
}
.bottombar-toggle{
	left:50px;
}
.bottombar:hover{
	 background-color: rgba(40, 54, 60,.9);
}



.bottombar .bottombar-item {
	float:left;
	display:block;	
	height:56px;
	color:#aaa;
	line-height:50px;	
	 padding:0  5px;
	 position: relative;
	 width:55px;
}
.bottombar  .bottombar-item  .name-tip{
	position: absolute;
	display:none;
	width:70px;
	height:26px;
	line-height:26px;
	text-align:center;
	top:-34px;	
	left:-10px;
	border-radius:5px;
}
.bottombar .bottombar-item .tip-alarm{ 
	/*搴曢儴宸ュ叿鏍� 鎶ヨ鎻愮ず灏忔爣 */
	font-style:normal;
	position:absolute;
	background:#ff0000;
	text-align: center;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 3px;
    line-height: .9;
	white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    z-index:111;
    left:30px;
    top:5px;
    color:#fff;
    display:none;
}
.bottombar .bottombar-item .name-tip:after{
	content:"";	
	position:absolute;
	top:26px;
	left:30px;
}
.bottombar  .bottombar-item:hover   .name-tip{
	display:block;
}
.bottombar .bottombar-item .bottombar-icon{
	height:40px;
	width: 40px;
	border-radius:50%;
/*	background:#222d32; */
	display:flex;	
	align-items: center;
    justify-items: center;
    justify-content: center;
	float:left;
	vertical-align: middle;
	text-align: center;
	margin-top:7px;
	cursor:pointer;
}
.bottombar .bottombar-item .bottombar-icon span{
	display:block;
	width:40px;
	height:40px;
	vertical-align:baseline;
}
#smokeDetectorBtn .bottombar-icon span{
	background:url(/icons/smoke.svg) no-repeat 10px;
	background-size:55% 55%;
}
#streetLampBtn .bottombar-icon span{
	background:url(/icons/road-light.svg) no-repeat 10px;
	background-size:55% 55%;
}
#manholeCoverBtn .bottombar-icon span{
	background:url(/icons/cover.svg) no-repeat 9px;
	background-size:55% 55%;
}
#cameraBtn .bottombar-icon span{
	background:url(/icons/camera.svg) no-repeat 10px;
	background-size:55% 55%;
}
#trashBtn .bottombar-icon span{
	background:url(/icons/rubbish-bin.svg) no-repeat 10px;
	background-size:55% 55%;
}
#gasSensingBtn .bottombar-icon span{
	background:url(/icons/air.svg) no-repeat 10px;
	background-size:55% 55%;
}
#humitureBtn .bottombar-icon span{
	background:url(/icons/temp-hum.svg) no-repeat 10px;
	background-size:55% 55%;
}
#geomagnetismBtn .bottombar-icon span{
	background:url(/icons/geomagnetic.svg) no-repeat 10px;
	background-size:55% 55%;
}
#fireplugBtn .bottombar-icon span{
	background:url(/icons/fire-hydrant.svg) no-repeat 10px;
	background-size:55% 55%;
}
#vehicleBtn .bottombar-icon span{
	background:url(/icons/car.svg) no-repeat 10px;
	background-size:55% 55%;
}
#billboardBtn .bottombar-icon span{
	background:url(/icons/Ad.svg) no-repeat 10px;
	background-size:55% 55%;
}
#bridgeBtn .bottombar-icon span{
	background:url(/icons/bridge.svg) no-repeat 10px;
	background-size:55% 55%;
}
#personnelBtn .bottombar-icon span{
	background:url(/icons/human.svg) no-repeat 10px;
	background-size:55% 55%;
}
#waterLevel .bottombar-icon span{
	background:url(/icons/level.svg) no-repeat 10px;
	background-size:55% 55%;
}
#sewageBtn .bottombar-icon span{
	background:url(/icons/sewage.svg) no-repeat 10px;
	background-size:55% 55%;
}
#virescenceBtn .bottombar-icon span{
	background:url(/icons/greening.svg) no-repeat 10px;
	background-size:55% 55%;
}
#sprayBtn .bottombar-icon span{
	background:url(/icons/spray.svg) no-repeat 10px;
	background-size:55% 55%;
}
#electricityBtn .bottombar-icon span{
	background:url(/icons/electric.svg) no-repeat 10px;
	background-size:55% 55%;
}
#guideCardBtn .bottombar-icon span{
	background:url(/icons/guide.svg) no-repeat 10px;
	background-size:55% 55%;
}
#PM25Btn .bottombar-icon span{
	background:url(/icons/pm.svg) no-repeat 10px;
	background-size:55% 55%;
}
#GPSBtn .bottombar-icon span{
	background:url(/icons/gps.svg) no-repeat 10px;
	background-size:55% 55%;
}
















.bottombar .bottombar-item  .bottombar-icon img{
	width:55%;
	height:55%;
	vertical-align:baseline;
}
.bottombar .bottombar-item:hover,.bottombar .selected {
	color: #fff;
}
/* .bottombar .bottombar-item:hover  .bottombar-icon{
transition: All .8s ease-in-out;
	background: #299694;
	transform:scale(1.1);
   transform:rotateZ(360deg);
    transform-origin:center;
}*/
.bottombar .selected  .bottombar-icon{
	background: #4bc5c3;
	curosr: pointer;
}


.bottombar .bottombar-sprite{
	height:50px;
	width:1px;
	background:#222d32;
	font-size:0;
	display:block;	
	vertical-align: middle;
	float:left;
	display:none;
}

.bottombar .bottombar-all{
	vertical-align: top;
	width:20px;
	height:50px;
	float:right;
	display: flex;
	padding:10px;
	align-items: center;
	flex-direction:column;
	justify-content: center;
	cursor: pointer;	
	display:none;
}

.bottombar .bottombar-all span{
	display: block;
	width:6px;
	height:6px;
	border-radius: 50%;	
	background: #222d32;
	margin:2px 0 0;
}

.bottombar .bottombar-all:hover {
	transition: background .5s;
	background: #299694;
	border-top-right-radius: 5px;	
	border-bottom-right-radius:  5px;
}

.bottombar .bottombar-all:hover span{
	background: #ffffff;
}

.bottombar .active{
	background: #4bc5c3;
	border-top-right-radius: 5px;	
	border-bottom-right-radius:  5px;
}
.bottombar .active  span{
	background: #ffffff;
}


.user-panel{
	min-height:80px;
	overflow: hidden;	
}
.user-panel .info{
	left:0;
	width:215px;
}
.user-panel .info .fa{
	margin-right:3px;
}
.user-panel .info a{
	text-decoration: none;
	color:#777;	
	font-size:12px;	
}
.user-panel .info a:hover{
	text-decoration: underline;
	color:#ddd;
}
.user-panel .info  div span{
	font-size:10px;
}

.login-row{
	overflow:hidden;
	line-height:22px;
}

.searchBox{
	width:200px;
	padding:7px 5px 0;
	margin-right:20px;
}
.searchBox .input-group {
	border-radius:5px;
	border:#fff 1px solid;
	background: #fff;
}
.searchBox .form-control{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border:0px;
}

.searchBox button.btn{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background: transparent;
	border:0;
}
	
.block{
	display:block;
}
.none{
	display:none;
}

.small-user{
	width: 20px;
	height:30px;
	padding-left:10px;
    color:#fff;
    padding-top:5px;
}
.small-user:hover{
	color:#00c0ef;
}
/* 摄像头 camera*/
.cameraPlay{
 	 cursor:pointer;
}

.cameraVideo i{
	font-style:normal;
}
.cameraInfo{
	margin-top:3px;
}
.cameraInfo span{
	margin-right:20px;
}

.cameraInfoTitle{
	font-weight: 700;
}
.cameraInfo span{
	font-weight: bold;
	color:#444;
}
.cameraInfo span i{
	font-weight: 400;
	font-style: normal;
}
#outgoingDiv{
	width: 526px;
	height: 310px;
	margin: 0px auto;
}
.cameraVideo .modal-title{
	margin-top: -6px;
	font-size:16px;
}
#cameraVideoModal .box-primary{
	width:506px;
	margin-top:180px;
}
#cameraVideoModal .modal-content{
	width: 526px;
	/* height: 440px; */
	height: 500px;
	margin: 0px auto;
}
#cameraVideoModal .modal-header{
	border-bottom: 1px solid #e5e5e5;
	height:40px;
}
#outgoingCloseBtn{
	margin-top: -8px;
}
#cameraVideoModal .modal-body{
	padding:0;
}
#cameraVideoModal .cameraInfoBox{
	margin-left:14px;
	margin-top: 5px;
}
.cameraInfoBtn{
	border-top: 1px solid #eee;
    margin-top: 10px;
    padding: 18px 0;
	
}
.cameraInfoBtn .repairBtn{
    border-radius: 35px;
    width: 70px;
    margin: 0 5px 0 352px;
}
.cameraInfoBtn .btn:active:focus,.cameraInfoBtn .btn:focus {
  		outline: none;
  		border-color: #367fa9;
  	}
  	.cameraInfoBtn .detailsBtn{
    border-radius: 46px;
}
  	.cameraInfoBtn .btn:active:focus,.cameraInfoBtn .btn:focus {
  		outline: none;
  		border-color: #367fa9;
  	}
  	.cameraVideo .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}
/* map */
.mapDiv #LampBtn1 {
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    
    cursor: pointer;
    margin-top: 7px;
}

.mapDiv #LampBtn2 {
    width: 22px;
    height: 22px;
    border-radius: 12px;
    position: absolute;
    background: white;
}

.mapDiv .open1 {
    background: #5ec700;
}

.mapDiv .open2 {
    top: 2px;
    right: 1px;
}

.mapDiv .close1 {
    background: #aeaeae;
    border-left: transparent;
    color:#fff;
}

.mapDiv .close2 {
    left: 1px;
    top: 2px;
    
}

.mapDiv .openText {
    line-height: 26px;
    color: #fff;
    margin-left: 8px;
}

.mapDiv .closeText {
    margin-left: 6px;
    line-height: 26px
}
/* 开关 */
.mapDiv #LampBtnSum1 {
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    
    cursor: pointer;
    margin-top: 7px;
}

.mapDiv #LampBtnSum2 {
    width: 22px;
    height: 22px;
    border-radius: 12px;
    position: absolute;
    background: white;
}

.mapDiv .open1 {
    background: #5ec700;
}

.mapDiv .open2 {
    top: 2px;
    right: 1px;
}

.mapDiv .close1 {
    background: #da0000;
    border-left: transparent;
    color:#fff;
}

.mapDiv .close2 {
    left: 1px;
    top: 2px;
    
}

.mapDiv .openText {
    line-height: 26px;
    color: #fff;
    margin-left: 8px;
}

.mapDiv .closeText {
    margin-left: 6px;
    line-height: 26px
}
/* 路灯streetLamp */
#LampBtnSumOpen:active{
	background-color:#2abb4e;
}
#LampBtnSumClose:active{
	background-color:red;
}
.lampStnSumStyle{
	padding: 10px;
	background-color:#393939;
}

  .deviceHistoryaaa {
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    cursor: pointer;
    border-left: none;
    background: none;
}
.switchStyle{
	   display:block;
       width: 64px;
       height: 30px;
       border-radius: 32px;
       text-align: center;
       line-height: 30px;
	   color:#fff;
}
.openStyle{
    background-color: #00a65a;
}
.closeStyle{
    background-color: #da0000;
}
.switchStyle:hover{
	cursor:pointer;
}
.switchSumOff{
	background-color: #666;
}
/* 温湿度 */
.humitureNum{
	padding: 3px 7px;
	border-radius: 5px;
    background-color: rgb(0, 150, 255);
    height: 24px;
    position: absolute;
    left: 61px;
    top: -10px;
    color:#fff;
    linght-height:24px;
}
.humitureNumBGC{
    background-color: red;
}
.humitureNum:after{
	content:"|";
	color: #fff;
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 24px;
    top: 0;
    left: 0;
    line-height: 24px;
}
.humitureNum span{
	margin:0 3px;
    color:#b3bfce;
}

.humitureDateBtn span{
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 24px;
}
.humitureDateBtn span:nth-child(1){
    background-color:red;
}
.humitureDateBtn span:nth-child(2){
    background-color:green;
}
.humitureDateBtn span:nth-child(3){
    background-color:yellow;
}
.humitureChartNone{
	width:500px;height:300px;background:url(/icos/humiture-chart-none.png) no-repeat;
}

/* sidebarSystem */
.orgSelectedStyle{
	color:#fff !important;
}
.dataStatistics{
	width:100%;
	height:100%;
	/* background:url(/public/images/data.png) no-repeat; */
    /* background: url(/public/images/data.png) no-repeat; */
	
}

